<template>
    <div>
        <child-scoped-style></child-scoped-style>
    </div>
</template>

<script setup>
import ChildScopedStyle from './ChildScopedStyle.vue';

</script>

<style>
/* .cf {
    margin-left: 100px;
    width: 500px !important ;
} */
</style>
<style lang="scss" scoped>
\deep\.cf {
    width: 500px;
    margin-left: 100px;
}
</style>